<!--- Jquery Library --->
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<!--- Jquery Validation Library --->
<script src="js/jquery.validate.js" type="text/javascript"></script>
<!--- Jquery user defined custom JS --->
<script src="js/jquery.register.js" type="text/javascript"></script>

<link rel="stylesheet" href="../html/css/form.css" >

<form id="registerId" method="post" >

  <table border="1" cellpadding="0" cellspacing="0" width="80%" align="center">

    <thead>
       <tr>
         <th colspan="2">Register</th>
       </tr>
    </thead>

    <tbody>

      <tr>
        <td width="35%">text :</td>
        <td width="65%">

          <input type="text"
                  name="uname"
                  placeholder="My name is.."
                  autocomplete="off"
                  onCopy="return false;"
                  onPaste="return false"
                  >


        </td>
      </tr>

      <tr>
        <td>email :</td>
        <td>
          <input onCopy="return false"
                 onPaste="return false"
                 type="email"
                 autocomplete = "off"
                 name="email"
                 placeholder="example@gmail.com">
      </td>
      </tr>

      <tr>
        <td>password :</td>
        <td><input onCopy="return false" onPaste="return false" type="password" autocomplete = "off" name="password" id="passwordId"  placeholder="password"></td>
      </tr>

      <tr>
        <td>Confirm password :</td>
        <td><input onCopy="return false" onPaste="return false" type="password" autocomplete = "off" name="conpassword"  placeholder="password"></td>
      </tr>


      <tr>
        <td>date:</td>
        <td><input type="date" name="dob"  placeholder="2002/12/22"></td>
      </tr>

      <tr>
        <td>radio :</td>
        <td>

          <div style="float:left">

            <span style="float:left"><label><input type="radio" name="gender">Male</label></span>

            <span style="float:left"><label><input type="radio" name="gender"  >Female</label></span>
          </div>

          <br><label for="gender" class="error"></label>

        </td>
      </tr>

      <tr>
        <td>color :</td>
        <td><input type="color" name="color"  placeholder="#000000"></td>
      </tr>

      <tr>
        <td>number :</td>
        <td><input type="number" step="3" name="num"  placeholder="Enter number here"></td>
      </tr>

      <tr>
        <td>month :</td>
        <td><input type="month"  placeholder="Month"></td>
      </tr>

      <tr>
        <td>time :</td>
        <td><input type="time"  placeholder="Time"></td>
      </tr>

      <tr>
        <td>search :</td>
        <td><input type="search"  placeholder="Search"></td>
      </tr>

      <tr>
        <td>file :</td>
        <td><input type="file" name="avatar" placeholder="Upload File"></td>
      </tr>

      <tr>
        <td>hidden :</td>
        <td><input type="hidden"  placeholder="Hidden"></td>
      </tr>


      <tr>
        <td><input type="button" value="button" /></td>
        <td><input type="submit" value="submit" /></td>
      </tr>

      <tr>
        <td>checkbox</td>
        <td><label><input type="checkbox" value="" />I am agree</label></td>
      </tr>

      <tr>
        <td>textarea</td>
        <td><textarea placeholder="My address is" rows="5" cols="20">Noida sec 22</textarea></td>
      </tr>

      <tr>
        <td>select(dropdown)</td>
        <td>
        <select >
          <option value="">India</option>
          <option value="">Pakistan</option>
          <option value="">Nepal</option>
          <option value="">SriLanka</option>
        </select>
        </td>
      </tr>

      <tr>
        <td>select(list)</td>
        <td>
        <select name="lang[]" multiple size="5">
          <option value="">C</option>
          <option value="">C++</option>
          <option value="">Java</option>
          <option value="">PHP</option>
          <option value="">.Net</option>
          <option value="">Cobol</option>
          <option value="">Pascal</option>
          <option value="">Perl</option>
        </select>
        </td>
      </tr>

      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" class="btn btn-info btn-large " value="I am done!!" /></td>
      </tr>


    </tbody>

  </table>

</form>

